$rem:1rem;
@mixin  size($width,$height,$back){
	width:$width;
	height:$height;
	background:$back no-repeat;
}
@mixin bgs($width){
	background-size:$width/75*$rem 100%;
}
@mixin margin($top,$left){
	margin-top:$top/75*$rem;
	margin-left:$left/75*$rem;
}
@mixin pad($top,$left){
	padding-top:$top/75*$rem;
	padding-left:$left/75*$rem;
}
@mixin flex($space,$item){
    display: flex;
    justify-content: $space;
    align-items: $item;
}
@mixin font($font,$line,$color){
	font-size:$font/75*$rem;
    line-height:$line/75*$rem;
    color:$color;
}
@mixin border($color){
	
}
@mixin po($top,$left,$index){
	position:absolute;
	top:$top/75*$rem;
    left:$left/75*$rem;
    z-index:$index;
}
@mixin border-1px($color){
    left: 0;
    bottom: 0;
    border-top:1px solid $color;
    width: 100%;
    content: '';
    }

 @-webkit-keyframes move {
 	0% {
 	
 	}
 	30% {
 	
 	}
 }
em {
	font-style:normal;
}
body {
	position:relative;
	resize:both;
	z-index:0;
}
.border-1{
	@include border-1px(#f3f5f7);
} 
.fl{
	float:left;
}
.fr{
	float:right;
}
.clearfloat::after{
	content:'';
	display:block;
	clear:both;
}
i {
	font-style:normal;
}
body {
    background:#fff!important;
}
html {
    font-size: 100%;
}


.loadOver {
	padding: 15px 0;
	text-align: center;
	color: #999999;
	font-size: 14px;
    overflow: hidden;
    width: 678/75*$rem;
    margin-bottom: 0/75*$rem;
    
}
.index-data {
    display: inline-block;
    width: 100%;
    background:#FFF;
    -webkit-overflow-scroll:touch ;

    .mainimg {
        display: inline-block;
        max-height:355/75*$rem!important;
        cursor: pointer;
    }
    .sourcetalk_detail{
        font-family: PingFangSC-Medium;
        .imgdetails{
            img {
                display: block;
                width: 100%;
                @include size(100%,422/75*$rem,none);
            }
            padding-bottom: 36/75*$rem;
        }
        .img_title {
            padding:0 28/75*$rem;
            // @include margin(36,0);
            @include font(40,56,#303030);
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            font-weight: bold;
        }
        .img_title_group{
            padding:0 28/75*$rem;
            margin-top: 12/75*$rem;
            @include font(28,40,#999);
            padding-bottom: 60/75*$rem;
            .img_author{
                margin-right: 12/75*$rem;
            }
        }
        .textdetail{
            @include font(36,50,#4F4F4F);
            font-size: 36/75*$rem!important;
            line-height:50/75*$rem !important;
            font-family: "微软雅黑"!important;
            // font-family: PingFangSC-Regular;
            -webkit-overflow-scroll:touch ;
            div,span,p,b,a,strong,tr,td{
                font-size: 36/75*$rem!important;
            line-height:50/75*$rem !important;
            font-family: "微软雅黑"!important;
            color:#4F4F4F!important;
            }
            table {
                width: 750/75*$rem!important;
                img {
                    float: left;
                    word-wrap:break-word;
                }
                span {
                    float: left;
                    word-wrap:break-word;
                    word-break:break-all 
                }
                div {
                    float: left;
                    word-wrap:break-word;
                }
                a {
                    float: left;
                    word-wrap:break-word;
                }
                tbody{
                    float: left;
                    word-wrap:break-word;
                    tr {
                        float: left;
                        word-wrap:break-word;
                        td {
                            float: left;
                            word-wrap:break-word;
                        }
                    }
                }
            }
            padding: 0 28/75*$rem;
            img {
                display: block;
                // position: relative;
                // left: -28/75*$rem;
                margin-bottom: 24/75*$rem;
                margin-top:24/75*$rem ;
                margin-left: -28/75*$rem;
                width: 107.5%!important;
                height: auto!important;
            }
        }
    }
    .sourcetalk_groups {
        -webkit-overflow-scroll:touch ;
        @include margin(10,36);
        font-family: PingFangSC-Regular;
        padding-bottom: 50px;
        .sourcetalk_comment {
            @include size(684/75*$rem,auto,none);
            @include margin(32,0);
            padding-bottom: 16/75*$rem;
            .talk_header {
                @include size(68/75*$rem,68/75*$rem,none);
                border-radius: 68/75*$rem;
                overflow: hidden;
                img {
                    @include size(68/75*$rem,68/75*$rem,none);
                }
            }
            .talkdetails{
                @include margin(0,20);
                @include size(576/75*$rem,auto,none);
                .talknames{
                    @include font(26,36,#666);
                    letter-spacing: 1/75*$rem;
                }
                .talk_words {
                    @include margin(8,0);
                    @include font(30,42,#333);
                    letter-spacing: 1/75*$rem;
                    margin-bottom: 24/75*$rem;
                }
            }
            .talk_words_groups {
                padding: 20/75*$rem 20/75*$rem 20/75*$rem 20/75*$rem; 
                background:#FAFAFC;
                .talk_words_commonet{
                    margin-bottom: 40/75*$rem;
                    .talk_morenames {
                        margin-bottom: 12/75*$rem;
                        position: relative;
                        .talk_morenames_clone {
                            @include size(52/75*$rem,52/75*$rem,none);
                            border-radius: 52/75*$rem;
                            overflow: hidden;
                            .talk_morenames_header {
                                @include size(52/75*$rem,52/75*$rem,none);
                                border-radius: 52/75*$rem;
                            }
                        }
                        .talk_connect {
                            @include margin(0,20);
                            @include font(0,52,#999);
                            width:350/75*$rem;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            overflow: hidden;
                            span {
                                @include font(26,52,#666);
                                margin-right: 8/75*$rem;
                            }
                            span:nth-of-type(2){
                                @include font(26,52,#999);
                            }
                            span:nth-of-type(3){
                                margin-right: 0/75*$rem;
                            }
                        }
                        .talk_time {
                            position: absolute;
                            right: 0;
                            @include margin(0,20);
                            @include font(26,52,#666);
                        }
                    }
                    .rename {
                        @include font(30,42,#303030);
                    }
                }
                .last {
                    margin-bottom: 20/75*$rem;
                }
                .more_text {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    text-align: center;
                    @include font(26,44,#999);
                    img {
                        display: block;
                        @include margin(10,6);
                        @include size(28/75*$rem,26/75*$rem,none);
                    }
                }
            }
        }
        .last {
            padding-bottom: 0;
        }
    }
    .self_talk{
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        bottom: 0;
        @include size(750/75*$rem,100/75*$rem,#fff);
        font-family: PingFangSC-Regular;
        z-index: 1;
        padding-left: 20/75*$rem;
        input{
            padding: 12/75*$rem 32/75*$rem 12/75*$rem 32/75*$rem;
            @include size(588/75*$rem,64/75*$rem,#F2F3F5);
            @include font(28,40,#999);
            border-radius: 50px;
        }
        span {
            flex: 1;
            @include font(32,105,#FF8E9C);
            text-align: center;
        }
        
    }
    .van-tab--active {
        color: #FF8E9C!important;
    }
    .van-tabs__line{
        height: 4/75*$rem;
        background-color: #FF8E9C!important;
    }
  
}